﻿
body{
          background-image:url(../images/login/loginbg.jpg);
}

#contents{
text-align:center;
}
#contents img{
margin:10px 0 5px 0;
width:150px; height:150px;
}
#rsp1{position: absolute;top:220px;right:30%;left:30%;
          padding: 15px 10px 10px 10px;
          border: 1px solid #f8f2dc;
          border-radius:6px;box-shadow: 2px 2px  #E5E5E5;
          background-image:url(../images/login/bg.gif);
          background-repeat:no-repeat;
          background-color:#EBF3FF;
          font-size:15px;
}
#rsp1 a {
color: #CC9966;
text-decoration: none;
}
#ss{padding-left: 3em}
#rsp2{padding-left: 1em;font-size:13px;color:gray;}
#sub{  width:80px; height:30px;background:#CCCC99;color:#FFF;
       border:1px ;
       border-radius:50px;
       -webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
	-o-transition-property:width,height,-o-transform,background,font-size,opacity;
	-o-transition-duration:1s,1s,1s,1s,1s,1s;
	-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
	-moz-transition-duration:1s,1s,1s,1s,1s,1s;
	transition-property:width,height,transform,background,font-size,opacity;
	transition-duration:1s,1s,1s,1s,1s,1s;
}
#sub:hover{
                -moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity:1;
	background:#03A5AF;
	width:80px;
	height:30px;
	font-size:16px;
                border-radius:50px;
}